<template>
    <div>
        <div class="header_box">
            <div>
                <van-icon class="icon" name="arrow-left" @click="back" />
            </div>
            <div name="center">系统通知</div>
            <div name="right"></div>
        </div>
        <!-- center -->
        <div class="bg-light-secondary" :style="{ minHeight: NewHeigh }">
            <!-- card -->
            <div class="pt-1" v-for="(item, index) in XiTonData" :key="index">
                <div class="font-sm text-light-muted pt-1 text-center">YYYY-MM-dd HH:mm</div>
                <div class="font-mi m-1 bg-white">
                    <div class="m-1">
                        <div class="font-sm pt-1">{{ item.title }}</div>
                        <div class="py-1 border-bottom text-light-muted">{{ item.text }}</div>
                        <div class="d-flex j-sb py-1 text-light-muted">
                            <div class="">点击查看详情</div>
                            <div><van-icon name="arrow" /></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'OrdersView',
    data() {
        return {
            height: '',
            NewHeigh: '',
            XiTonData: [
                {
                    title: '我是标题',
                    text: '我是文本'
                },
                {
                    title: '我是标题',
                    text: '我是文本'
                },
                {
                    title: '我是标题',
                    text: '我是文本'
                }
            ]
        }
    },
    methods: {
        back() {
            this.$router.go(-1)
        }
    },
    created() {
        this.height = window.innerHeight - 50
        this.NewHeigh = this.height + 'px'
        console.log(this.NewHeigh), console.log('1')
    }
}
</script>

<style lang="scss" scoped></style>
